<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : tuix_kncap.jsp
    Description : 트윅스 & kncap을 보여준다.
    author jkKim
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     jkKim     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
    <link rel="stylesheet" type="text/css" href="/kr/common/css/tuix.css"  /> 
    <c:if test="${pageType == 'kncap'}">
        <meta name="WT.ti" content="홈_차종_<c:out value='${dspMgmtVO.dspNm}'/>_kncap">
    </c:if>
    <c:if test="${pageType == 'tuix'}">
        <meta name="WT.ti" content="홈_차종_<c:out value='${dspMgmtVO.dspNm}'/>_tuix">
    </c:if>
    
    <script type="text/javascript" src="/kr/common/js/showroom.js"></script>
    <script type="text/javascript" src="/kr/common/js/storybook/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/showroom2.js"></script>
    <script>
    $(document).ready(function() {
        $('#showroom-container').showroomContentscontrol();
        $('.showroom-contents').each(function(){
            var that = this;
           $(that).find(".contents_control").click(function(){
               if($(this).hasClass("open-child")){
                   $(this).removeClass('open-child');
                   $(this).addClass('close-child');
                   $(that).find(".showroom-contents-child").hide();
                   
               }else{
                   $(this).removeClass('close-child');
                   $(this).addClass('open-child'); 
                   $(that).find(".showroom-contents-child").show();
               }
           });        
        }); 
        $('.gallery-wrap').galleryControl();
        $("#snml").find(".snml_description").html($('#showroom_description').val());
        $("#snml").find(".snml_URL").html(location.href);
    });
    </script>
</head>
<c:if test="${dspMgmtVO.cotnLnSttg == '1'}">
    <body id="typeB" style="background:url('<c:url value="${dspMgmtVO.lwpSurrImgPath}"/>') repeat;">
</c:if>
<c:if test="${dspMgmtVO.cotnLnSttg != '1'}">
    <body id="typeA" style="background:url('<c:url value="${dspMgmtVO.lwpSurrImgPath}"/>') repeat;">
</c:if>
<div id="wrap" class="showroom-wrap">
    <c:if test="${dspMgmtVO.surrSttg == '1'}">
        <%@ include file="/WEB-INF/jsp/com/include/navi_utill.jspf" %>
    </c:if>
    <c:if test="${dspMgmtVO.surrSttg == '2'}">
        <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    </c:if>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />
    <!-- visual 관리영역 -->
    ${mnSbc}
    <!-- //visual 관리영역 -->
    <hr />
    <div id="snml" style="display:none">
      <div class="snml_comment">userTxt</div>
      <div class="snml_title">${dspMgmtVO.dspNm}을(를)%nick님이 좋아 합니다.</div>
      <div class="snml_URL"></div>
      <div class="snml_img">${httpDomain }<c:url value="${dspMgmtVO.carImgPath}"/></div>
      <div class="snml_caption"></div>
      <div class="snml_description"></div>
    </div>
    <input type="hidden" id="car_name" name="car_name" value="${dspMgmtVO.dspNm}" />
    <input type="hidden" id="car_name_eng" name="car_name_eng" value="${dspMgmtVO.dspNmEn}" />
    <input type="hidden" id="car_code" name="car_code" value="${dspMgmtVO.carCd1}${dspMgmtVO.carCd2}" />
    <input type="hidden" id="pagePosion" name="pagePosion" value="${pagePosion}" />
    <input type="hidden" id="carCd1" name="carCd1" value="${dspMgmtVO.carCd1}" />
    <input type="hidden" id="carCd2" name="carCd2" value="${dspMgmtVO.carCd2}" />
    <div id="showroom-container">
        <!-- showroom-navigation -->
        <div id="showroom-navigation-wrap">
            <c:if test="${dspMgmtVO.cotnLnSttg == '2' && dspMgmtVO.fSurrImgPath != null && dspMgmtVO.fSurrImgPath != ''}">
                <div id="showroom-navigation" style="background:url('<c:url value="${dspMgmtVO.fSurrImgPath}"/>') repeat-x;"> 
            </c:if>
            <c:if test="${dspMgmtVO.cotnLnSttg == '1' || dspMgmtVO.fSurrImgPath == null || dspMgmtVO.fSurrImgPath == ''}">
                <div id="showroom-navigation">
            </c:if>
                <div class="showroom-navigation-inner" style="background:url('<c:url value="${dspMgmtVO.ctrSurrImgPath}"/>') repeat-x;">
                    <div class="carbrand-area">
                        <h2><a href="#"><img src="<c:url value="${dspMgmtVO.carImgPath}"/>" alt="${dspMgmtVO.dspNm}" /></a></h2>
                        <ul class="carbrand-menu">
                            <li class="favorite">
                                <script type="text/javascript" charset="utf-8" src="${snsHttpDomain}/sns/pub?type=1&pageCode=${menuCode }&js=1&imgURL=<c:url value="${dspMgmtVO.rcmImgPath}"/>&uKey="></script>
                            </li>
                            <c:if test="${dspMgmtVO.virExprExpsYn == 'Y'}">
                                <li><a href="javascript:virExprExps('${dspMgmtVO.virExprPath}')"><img src="/kr/images/showroom/menu_carbrand01.png" alt="가상체험" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.brndStyExpsYn == 'Y'}">
                                <li><a href="javascript:storybook('<c:url value="/storybook.do"/>')"><img src="/kr/images/showroom/menu_carbrand02.png" alt="스토리 북" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.tuixExpsYn == 'Y'}">
                                <li><a href="javascript:tuix('<c:url value="/tuix.do"/>')"><img src="/kr/images/showroom/menu_carbrand03.png" alt="TUIX" /></a></li>
                            </c:if>
                            <c:if test="${dspMgmtVO.ncapExpsYn == 'Y'}">
                                <li><a href="javascript:kncap('<c:url value="/kncap.do"/>')"><img src="/kr/images/showroom/menu_carbrand04.png" alt="KNCAP" /></a></li>
                            </c:if>
                        </ul>
                    </div>
                    <ul class="carspec-area">
                        <c:forEach var="result" items="${dspCtgrVOList}" varStatus="status">
                            <li><a href="javascript:showroomLink('/kr/showroom.do', '#showroom-cont-${result.dspCtgrSn}')"><img src="<c:url value="${result.menuImgPath}"/>" alt="${result.dspMenuNm}" /></a></li>
                        </c:forEach>
                    </ul>
                    <%@ include file="/WEB-INF/jsp/com/include/quickmenu.jspf" %>
                </div>
            </div>
        </div>
        <!-- tuix style -->
        <c:if test="${pageType == 'kncap'}">
            ${dspMgmtVO.ncapPath }
        </c:if>
        <c:if test="${pageType == 'tuix'}">
            ${dspMgmtVO.tuixPath }
        </c:if>
        <!-- //tuix style -->
		
	</div>
	<hr />
	<%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>